<template>
  <div>
    {{ rate }}
  </div>
</template>

<script setup>
import { defineProps, computed } from 'vue';

let props = defineProps({
  value: Number,
});

let rate = computed(() =>
  '★★★★★☆☆☆☆☆'.slice(5 - props.value, 10 - props.value)
);
</script>

<style lang="css" scoped></style>
